﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />	
	<title>个人简历</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
</head>
<body class="loading-process">
<div class="loading">
	<div class="loading-circle"></div>
	<div class="loading-avatar"><img src="images/avatar@2x.jpg" alt="" width="100" height="100"></div>
	<div class="loading-info">正在努力加载中...</div>
</div>
<div class="section-header">
	<div class="section">
		<nav class="nav" role="navigation">
			<ul>
				<li class="nav-about fade fade1"><a href="#about">关于</a></li>
								<li class="fade back-home"><a href="#top">首页</a></li>
				<li class="nav-skill fade fade2"><a href="#skill">自我评价</a></li>
				<li class="nav-contact fade fade3"><a href="#contact">联系</a></li>
			</ul>
		</nav>
	</div>
	<div class="nav-bg"></div>
</div>
<div class="home-bg">
	<img src="images/home-bg.jpg" alt="" width="1000" height="667">
</div>
<div class="section-wrap section-fristpage" data-slide="1"  >
	<div class="section">
		<div class="section-content">
			<p class="fade fade1">Hi，我是王顺</p>
			<p class="fade fade2">这是我的个人简历</p>
			<p class="fade fade3">想了解更多，请往下滚动</p>
		</div>
		<a class="button2 scroll-tip fade fade2" data-slide="3" title="">向下滚动</a>
	</div>
</div>
<div id="about" data-slide="2" data-stellar-background-ratio="0.3" class="section-wrap section-about">
	<div class="section">
		<div class="about-content clearfix section-content">
			<div class="introli">
			  <span class="left_icon"><img class="bio-text bio-icon-1" src="images/bio-icon-1.png" data-stellar-ratio="0.7" ></span>
			  <span class="right_content "><img class="bio-text bio-text-1" src="images/bio-text-1.png" data-stellar-ratio="0.7" ></span>
			</div>
			<div class="introli">
			  <span class="left_icon"><img class="bio-text bio-icon-2" src="images/bio-icon-2.png" data-stellar-ratio="0.7" ></span>
			  <span class="right_content"><img class="bio-text bio-text-2" src="images/bio-text-2.png" data-stellar-ratio="0.7" ></span>
			</div>
			<div class="introli">
			  <span class="left_icon"><img class="bio-text bio-icon-3" src="images/bio-icon-3.png" data-stellar-ratio="0.7" ></span>
			  <span class="right_content"><img class="bio-text bio-text-3" src="images/bio-text-3.png" data-stellar-ratio="0.7" ></span>
			</div>
		</div>
	</div>
	<a class="button2 dark-button2 scroll-tip" style="background-position:0 -60px;" data-slide="3" title=""></a>
</div>
<div id="works" class="section-wrap section-works" data-slide="3" >
		<a class="button2 scroll-tip fade fade3" data-slide="4" title="">向下滚动</a>
		</div>
</div>
<div id="skill" class="section-wrap section-skill" data-slide="4">
	<div class="section">
		<div class="skill-content section-content">
			<h1>自我评价</h1>
			<ul>
				<li class="fade fade1">本人性格开朗外向，应变，思考能力强。</li>
				<li class="fade fade3">在校期间，刻苦努力，专业知识技能很扎实。</li>
				<li class="fade fade2">对 HTML5 和 CSS3 有一定了解。</li>
				<li class="fade fade4">熟悉xp、vista操作系统、网络系统、sql数据库、vfp程序设计、c语言设计、java语言设计、flash动漫设计、office办公软件等
</li>
				<li class="fade fade4">有较强的组织能力、实际动手能力和团体合作精神，能迅速的适应各种环境，并融合其中</li>
				<li class="fade fade3">而在校学习期间学习认真，积极配合老师完成工作任务，并多次参加社会实践活动，在自己能力和素质上都有了进一步的提高，相信自己能够适应这个社会，为我们的社会多做贡献。

</li>
				<li class="fade fade2">我喜欢网络游戏，喜欢打篮球，羽毛球之类的。晚上也会去操场锻炼，偶尔也会和朋友去外面骑车兜风。
	</li>
				<li class="fade fade2">平时我也喜欢待在图书馆看书尽量学习一些课本外的知识，增强自己的思维。了解当今社会所需要的人才。</li>
				<li class="fade fade1">了解网页制作与设计方面的知识。</li>
				<li class="fade fade2">喜欢接触新事物，有一定的自学能力。</li>
			</ul>
		</div>
	</div>
	<a class="button2 scroll-tip fade fade2"  data-slide="3" title="">向下滚动</a>
</div>
<div id="contact" class="section-wrap section-contact" data-slide="5">
	<div class="section">
		<div class="contact-content clearfix section-content">
			<h1>联系本人</h1>
			<div class="left">
				<div class="contact-ways fade fade1">
                    <h2>社交网络</h2>
					<ul>
						<li>邮箱：</li>
						<li>Q Q ：2443865281</li>
						<li>知乎：</li>
						<li>微博：</li>
						<li>Github：</li>
					</ul>
				</div>
				<div class="contact-info fade fade2">
					<p>时间是让人触不及防的东。</p>
				</div>
			</div>
		
	<a class="button2 button2-2-top scroll-tip" id="gototops" data-slide="1" href="#top" style="background-position: -60px 0;width:80px;height:80px;" title=""></a>
</div>
<div class="overlay"></div>
<div class="state-indicator"></div>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script src="js/global.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/js.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<div style="text-align:center;">
</div>
</body>
</html>
